/*banner*/
.po-banner{
	width: 100%;
	height: 400px;
}
.poe-banner{
	background: url(../images/bcpyy.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	display: inline-block;
}
/*part one*/
.po-one{
	width:70%;
	margin-left:15%;
	display: inline-block;
	padding:3% 0;
	opacity: 0;
}
.po-one-a{
	width:25%;
	display: inline-block;
	float:left;
}
.po-one-a-t{
	width:100%;
	text-align:center;
	display: inline-block;
}
.po-one-a-t img{
	width:40%;
}
.po-one-a-t img:hover{
	animation:mytupian 4s;
	cursor: pointer;
	-moz-animation:mytupian 4s; /* Firefox */
	-webkit-animation:mytupian 4s; /* Safari and Chrome */
	-o-animation:mytupian 4s; /* Opera */
}
@keyframes mytupian
{
	0%   {transform: rotateY(0deg);}
	25%  {transform: rotateY(180deg);}
	50%  {transform: rotateY(360deg);}
}

@-moz-keyframes mytupian /* Firefox */
{
	0%   {transform: rotateY(0deg);}
	50%  {transform: rotateY(180deg);}
	100%  {transform: rotateY(360deg);}
}

@-webkit-keyframes mytupian /* Safari and Chrome */
{
	0%   {transform: rotateY(0deg);}
	50%  {transform: rotateY(180deg);}
	100%  {transform: rotateY(360deg);}
}

@-o-keyframes mytupian /* Opera */
{
	0%   {transform: rotateY(0deg);}
	50%  {transform: rotateY(180deg);}
	100%  {transform: rotateY(360deg);}
}
.po-one-a-c{
	width:80%;
	margin-left:10%;
	padding: 2% 0;
	text-align:center;
	display: inline-block;
}
.po-one-a-c p{
	font-size: 20px;
}
.po-one-a-b{
	width:80%;
	margin-left:10%;
	text-align:center;
	display: inline-block;
}
.po-one-a-b p{
	font-size: 18px;
	line-height: 30px;
	color:#666;
}
/*part two*/
.po-two{
	width:70%;
	margin-left:15%;
	display: inline-block;
	padding:2% 0;
	text-align: center;
}
.po-two img{
	width:45%;
	/*opacity: 0;*/
}
.butinghua{opacity: 0;}
/*part three*/
.po-l{opacity: 0;}
.po-r{opacity: 0;}
.po-ll{opacity: 0;}
.po-rr{opacity: 0;}
.po-lll{opacity: 0;}
.po-rrr{opacity: 0;}
.po-three{
	width:70%;
	margin-left:15%;
	display: inline-block;
	margin-bottom: 3%;
}
.po-three img{
	width:60%;
}
.po-three-a{
	width:100%;
	display: inline-block;
	margin-top:3%;
	justify-content: center;
	align-items: center;
}
.po-three-one{
	width:50%;
	text-align: left;
	float:left;
	display: inline-block;
	padding-top: 40px;
}
.po-three-two{
	width:50%;
	float:right;
	text-align: center;
	display: inline-block;
}
.po-three-bone{
	width:50%;
	float:left;
	text-align: center;
	display: inline-block;
}
.po-three-btwo{
	width:50%;
	float:right;
	text-align: right;
	display: inline-block;
	padding-top: 40px;
}
.po-three-title{
	font-size: 24px;
	color:#333;
}
.po-three-text{
	font-size: 18px;
	line-height: 30px;
	color:#999;
	margin-top: 2%;
}
/*平台运营*/

.poc-banner{
	width: 100%;
	background: url(../images/bcpyy.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	display: inline-block;
}
/*新媒体*/
.poa-banner{
	background: url(../images/bcpyy.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	display: inline-block;
}
/*数据*/
.pob-banner{
	background: url(../images/bcpyy.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	display: inline-block;
}
/*活动*/
.hdyy-banner{
	background: url(../images/活动运营.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	display: inline-block;
}
/*用户*/
.pod-banner{
	background: url(../images/bcpyy.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	display: inline-block;
}
/*响应式*/
@media (max-width:1600px){
	.po-banner{height: 330px;}
}
@media (max-width:1500px){
	.po-banner{height:300px;}
	.po-one-a-b p{font-size: 16px;}
	.po-three-title{font-size: 22px;}
	.po-three-text{font-size: 16px;}
}
@media (max-width:1420px){
	.po-one-a-b p{font-size: 16px;}
	.po-three-title{font-size: 20px;}
	.po-three-text{font-size: 16px;}
}
@media (max-width:1200px){
	.po-banner{height:240px;}
	.po-one-a-c p{font-size: 16px;}
	.po-one-a-b p{font-size: 14px;}
	.po-three-title{font-size: 18px;}
	.po-three-text{font-size: 14px;}
}
@media (max-width:1000px){
	.po-banner{height:200px;}
	.po-one-a-c p{font-size: 14px;}
	.po-one-a-b p{font-size: 14px;}
	.po-three-title{font-size: 16px;}
	.po-three-text{font-size: 14px;}
}
@media (max-width:800px){
	.po-banner{height:150px;}
	.po-one-a-c p{font-size: 12px;}
	.po-one-a-c {padding: 1% 0;}
	.po-one-a-b p{font-size: 10px;line-height: 20px;}
	.po-three-title{font-size: 12px;}
	.po-three-text{font-size: 10px;line-height: 20px;}
	.po-three-text{margin-top: 1%;}
}
@media (max-width:760px){
	.po-one-a-c {padding: 1% 0;}
	.po-one-a-b p{font-size: 10px;line-height: 20px;}
	.po-three-title{font-size: 16px;}
	.po-three-text{font-size: 14px;line-height: 20px;}
	.po-three-text{margin-top: 1%;}
	.po-one{width:90%;margin-left:5%;}
	.po-one-a-b{display: none;}
	.po-three-one{width:100%;padding-top: 0px;padding: 20px 0;}
	.po-three-two{width:100%;padding: 20px 0;}
	.po-three-bone{width:100%;padding: 20px 0;}
	.po-three-btwo{width:100%;text-align: left;padding: 20px 0;padding-top: 0px;}
	.po-three-a{display: block;}
	.po-three{width:90%;margin-left:5%;}
	.po-two{width:90%;margin-left:5%;}
	.po-one{opacity:1;}
	.butinghua{opacity: 1;}
	.po-l{opacity: 1;}
	.po-r{opacity: 1;}
	.po-ll{opacity: 1;}
	.po-rr{opacity: 1;}
	.po-lll{opacity: 1;}
	.po-rrr{opacity: 1;}
}
@media (max-width:640px){
	.po-banner{height: 140px;}
}
@media (max-width:600px){
	.po-banner{height:130px;}
}
@media (max-width:550px){
	.po-banner{height: 110px;}
}
@media (max-width:500px){
	.po-one-a-c p{font-size: 12px;line-height: 18px;}
	.po-one-a-c {padding: 1% 0;}
	.po-one-a-b p{font-size: 10px;line-height: 20px;}
	.po-three-title{font-size: 14px;}
	.po-three-text{font-size: 12px;line-height: 20px;}
	.po-three-text{margin-top: 1%;}
	.po-banner{width:100%;height:182px;}
	.poa-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.pob-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.poc-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.pod-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.poe-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.hdyy-banner{width: 100%;background: url(../images/活动运营1.jpg) 0 0 no-repeat;background-size: 100% auto;}
}
@media(max-width: 400px){
	.po-banner{width:100%;height:146px;}
	.poa-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.pob-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.poc-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.pod-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.poe-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.hdyy-banner{width: 100%;background: url(../images/活动运营1.jpg) 0 0 no-repeat;background-size: 100% auto;}
}
@media (max-width:340px){
	.po-banner{width:100%;height:124px;}
	.po-one-a-c p{font-size: 10px;line-height: 18px;}
	.po-one-a-c {padding: 1% 0;}
	.po-one-a-b p{font-size: 10px;line-height: 18px;}
	.po-three-text{font-size: 10px;line-height: 20px;}
	.po-three-text{margin-top: 1%;}
	.po-two{width: 80%;margin-left: 10%;}
	.po-two img{width: 100%;}
	.poa-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.pob-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.poc-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.pod-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.poe-banner{width: 100%;background: url(../images/bcpyy1.jpg) 0 0 no-repeat;background-size: 100% auto;}
	.hdyy-banner{width: 100%;background: url(../images/活动运营1.jpg) 0 0 no-repeat;background-size: 100% auto;}
}